<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>身份证</title>
    <link rel="stylesheet" href="../../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/job.css">
    <link rel="stylesheet" href="../../css/add-card.css">
    <!--oss sdk start-->
    <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js"></script>
    <!--oss sdk end-->

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style>
      .photo{
          height: 120px;
          width: 100%;
          border: none;
      }
      label{
          display: block;
          width: 100%;
          padding: 10px;
      }
      label input{
          display: none;
      }
      .upload{
          width: 100%;
          margin: 10px 0;
          background: #22d673;
      }
      #next-step{
          background: #22d673;
          color: white;
          bottom: 0;
          width: 100%;
          position: fixed ;
          left: 0;
      }
      .idCode,.userName{
          background: white;
      }
      .userName input,.idCode input{
          display: inline;
          border: 0;
          outline: 0;
          padding-left: 10px;
          color: silver;
          cursor: none;
      }
  </style>
</head>
<body>
<div class="container-fluid">
    <!--header start-->
    <div class="row header">
      <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span>身份证</div>
    </div>
        <!--header end-->

    <!--content start-->
    <div class="row content">
            <div>
                <form   name="myForm">
                    <label class="userName">
                        真实姓名:<input type="text"  name="userName" required style="display: inline">
                    </label>
                    <label class="idCode">
                        身份证号:<input type="number"  name="idCode" required  style="display: inline">
                    </label>

                    <label for="front-photo">
                        <img src="" class="front photo">
                        <input type="file" style="display: none" id="front-photo">
                        <span class="btn-submit btn upload">上传正面照</span>
                    </label>
                    <label for="back-photo">
                        <img src="" class="back photo">
                        <input type="file" style="display: none" id="back-photo">
                        <span class="btn-submit btn upload">上传反面照</span>
                    </label>
                </form>
            </div>
        <div style="text-align: center">
        <a href="JavaScript:;"><button class="btn " id="next-step">确定</button></a>
        </div>
    </div>
    <!--content end-->
</div>
</body>
<script src="../../js/common/jquery-2.1.4.min.js"></script>
<script src="../../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../../js/index.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/replace-id-card.js"></script>

</html>